@import './variables.scss';
@import './mixin.scss';

html,
body .app {
  color: #333333;
  font-family: Helvetica Neue, Tahoma, Arial, PingFangSC-Regular, Hiragino Sans GB, Microsoft Yahei, sans-serif;
  // font-family: Arial, Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, sans-serif;
  background-color: $background-color;
  -webkit-font-smoothing: antialiased;
  touch-action: manipulation;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

body,
button,
input,
select,
textarea {
  font: 12 px Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

*,
html {
  box-sizing: border-box;
}

a,
a:hover,
ins {
  text-decoration: none;
}

a {
  transition: color 0.2s;
}

li,
ol,
ul {
  list-style: none;
}

.app-container {
  // padding-bottom: 50px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.flex-warp {
  flex-wrap: wrap;
}

.flex {
  display: flex;
  display: -webkit-flex;
  /* Safari */
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.font-16 {
  font-size: 16px;
}

.font-bold {
  font-weight: bold;
}

.with100 {
  width: 100%;
}

.with50 {
  width: 50%;
}

.circle {
  border-radius: 50%;
}

.text-danger {
  color: #dc3545;
}


.clearfix:after {
  clear: both;
}

.clearfix:before {
  content: " ";
  display: table;
}
